<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自增</title>
</head>
<body>
    <input type="checkbox" id="all">我都要<br>
    <input type="checkbox" id="girl">貂蝉<br>
    <input type="checkbox" id="girl">小乔<br>
    <input type="checkbox" id="girl">安琪拉<br>
    <input type="checkbox" id="girl">妲己<br>
    <script>
        //获取元素
        let all=document.querySelector('#all');
        let girls=document.querySelectorAll('#girl');//数组
        //2.给all注册点击事件，选中/取消所用选项
        all.onclick=function(){
         for(let i=0;i<girls.length;i++){
            girls[i].checked=all.checked;//选中选都要，其余都选中
         }
        }
         //3.给gril注册点击事件
         for(let i=0;i<girls.length;i++){
            girls[i].onclick=function(){
                all.checked=checkGirls(girls)
            }
         }
         //4.实现checkGrils
         function checkGirls(girls){
            for(let i=0;i<girls.length;i++){
                if(!girls[i].checked){
                    //只要一个gril事件木有选中，就返回false
                    return false;
                }
            }
            return true;
         }
    </script>
    <!-- <input type="text" id="screen" value="0"><br>
    <button id="plus"> 加法</button> 
    <script>
        //获取元素
      let plusBtn=document.querySelector('#plus')
        //注册事件
        plusBtn.onclick = function() {
            let screen=document.querySelector('#screen');
            let val=screen.value;
            val=parseInt(val);
            screen.value=val+1;
        }
    </script> -->
</body>
</html>